<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="container">
			<!-- .lazy 只有失去焦点了 才会进行更新数据 -->
			名称：<input type="text"v-model="name"/><br>
			<!-- .number 标记该输入框内的数字为number类型，因为默认就收到的都是字符串 -->
			年龄：<input type="number" v-model.number="age" /><br>
			<input type="button" value="保存" @click="save" />
			<!-- .trim 去除字符串前后的多余的空格 -->
		</div>
		<script type="text/javascript">
			var app = new Vue({
				el: "#container",
				watch:{
					name:function(val){
						console.log(val)
					}
				},
				data: {
					name:"",
					age:20
				},
				methods:{
					save:function(){
						console.log(typeof this.age)
					}
				}
			})
		</script>
	</body>
</html>
